<template>
    <section class="section">
        <div class="cell">
            <div class="left">支付方式</div>
            <div class="right">解悠ETC</div>
        </div>
        <div class="cell">
            <div class="left">交易类型</div>
            <div class="right">类型占位</div>
        </div>
        <div class="cell">
            <div class="left">消费金额</div>
            <div class="right">21.70元</div>
        </div>
    </section>
</template>

<style type="text/css" lang="less" scoped>
// keyword=##,##,##
.section{
    background: #fff;
    .cell{
        height: 112px;
        background: #fff;
        box-shadow: inset 0px -1px 0px 0px #F0F2F5;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 32px;
        .left{
            font-size: 30px;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #121736;
            line-height: 48px;
        }
        .right{
            font-size: 30px;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #888B9A;
            line-height: 48px;
            padding-right: 32px;
        }
    }
}

</style>
